<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普商城</title>
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" type="text/css" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-flex.css" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">微信商城</header>
<!--轮播-->
<section id="app">
    <div id="aui-slide3">
        <div class="aui-slide-wrap"  >
            <div class="aui-slide-node bg-dark" @click="goLunboDetail" v-for="adList in  wxAdList">
                <img v-bind:src="imgBaseUrl+adList.ad_images"/>
            </div>

        </div>

        <div class="aui-slide-page-wrap"><!--分页容器--></div>
    </div>
    <div class="ad">推广活动</div>
    <div class="shop_title">商品榜单</div>
    <div class="main">
        <div class="aui-flex-item-12" >
            <div class="aui-flex-col">
                <div class="aui-flex-item-6  aui-text-center" style="position: relative;" v-for="goods in showGoodsList" v-on:click="goGoodsDetail(goods.goods_id)">
                    <img v-bind:src="imgBaseUrl+goods.goods_image" style="height: 8rem;">
                    <div class="aui-bg-default shop_price">
                        <h5 class="aui-text-warning aui-text-center aui-font-size-18">{{goods.goods_name}}</h5>
                        <h5 class="aui-text-info aui-text-center aui-font-size-18">{{goods.shop_price}}</h5>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
    <div class="buttonInfo">没有更多商品</div>
    <a id="back-to-top" href="#">
        <img src="./images/toTop.png" alt="">
    </a>
</section>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item aui-active"  >
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">首页</div>
    </div>
    <div class="aui-bar-tab-item ">
        <i class="aui-iconfont aui-icon-cart"></i>
        <div class="aui-bar-tab-label">购物车</div>
    </div>
    <div class="aui-bar-tab-item" >
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">个人中心</div>
    </div>
</footer>
<!--配合后台php用-->
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/api.js"></script>
<script type="text/javascript" src="js/aui-slide.js"></script>
<script type="text/javascript" src="js/aui-tab.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>